<template>
  <view>
    <view>{{ userName }}</view>
      <el-button type="primary" >点击我</el-button>
  </view>
</template>

<script>
  import { storeToRefs } from 'pinia'
  import { useAuthStore } from '@/stores/auth'
  
  export default {
    setup() {
      // 从 Pinia store 获取状态
      const authStore = useAuthStore()
      const { token, userInfo } = storeToRefs(authStore)

      // 将 userInfo.name 存储在 userName 中
      const userName = userInfo.name

      // 在 setup 中进行任何其他操作

      // 返回需要在模板中使用的数据
      return { 
        token, 
        userName 
      }
    }
  }
</script>

<style scoped>
/* 你的样式代码 */
</style>
